@media screen and (width <= 768px) {
	.arco-modal {
		width: 90% !important;
	}
}

.basic-modal .arco-modal {
	@apply overflow-hidden !rounded-3;
	.arco-modal-header {
		border-bottom: 1px solid #f1f2f3;
		@apply flex justify-between  px-20px;
		.arco-modal-close-btn {
			@apply text-base top-2 right-2 text-[#2D2E33];
		}
	}

	.arco-modal-body {
		box-sizing: border-box;
		@apply px-5  py-6 text-[#2d2e33] min-h-100px;
		.a-form-item {
			margin-bottom: 24px;
		}
	}

	.arco-modal-footer {
		border-top: 1px solid #f6f6f6;
		@apply px-5  py-4;
		.footer {
			@apply flex justify-end items-end gap-x-1rem;
			.arco-btn {
				min-width: 3rem;
				min-height: 2rem;
			}
			// .arco-btn:nth-child(2) {
			//   margin-left: 1rem;
			// }
		}
	}
}
